
@import "base.css";


body {font-family: "Microsoft YaHei";background: #fff;font-size:18px;line-height:1.6;color: #fff;word-wrap: break-word;word-break: break-word}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {color: #00549c;}


.container{ width: 1000px; margin: auto;background: #008cab}

.title{color: #fff;margin-bottom:2%;text-align: center;padding: 70px 0 30px ;line-height: 1.3}
.title img{width: 110px; margin-right: 15px;}
.title span{font-size:46px; display: block;font-weight: bold;}

.box1,.box2{padding:2% 10%; font-size: 26px;}
.box1 .li1{ width: 100%;margin:2% 0;}
.box1 .li2{float: left;width: 49%;margin-right: 2%;}
.box1 .li3{float: left;width: 49%;}


.box2{font-size: 32px; font-weight: bold}

.box3 p{font-size: 32px; font-weight: bold;padding:40px 10% 120px}

.box4{background: url("../images/fourimg8.jpg") no-repeat left center #fff;text-align: center}
.box4 .title{color: #000}

.box4 ul li{background: url("../images/fourimgbg.png") no-repeat center top;background-size: contain;width:300px;padding: 10% 0;color:#595757;display: inline-block;margin: 10px 5%;max-width: 300px; line-height: 1.8 ;}
.box4 ul li h3{ font-size: 28px;color: #008cab;margin: 30px 0; line-height: 1}

.box5{background: url("../images/fourimg9.jpg") no-repeat left bottom #fff;padding:5% 10% 10%; }
.box5 ul li{box-shadow: 0 1px 20px #CCCCCC;width:26%;display: inline-block;margin:70px 1% 0;height:190px;padding: 0 1%; color: #595757;background: #fff; position: relative }
.box5 ul li .ico{width: 54px;height:54px;background: #008cab;position: absolute;left: 50%;margin-left: -27px;top: -27px; line-height: 54px;box-shadow: 2px 2px 5px #6f6f6f;}
.box5 ul li .ico .iconfont{font-size:30px; color: #fff;}

.box5 ul li em{ color: #fff;font-size:20px;background: #008cab;padding:0 20px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;display: inline-block;margin:50px 0 15px;}
.box5 ul li p{font-size:14px;}

.box6{padding: 0 5%}
.box6 .title span{ font-size: 30px;}


.book{padding: 5% 6%}
.bookL{background: #ffffff;color: #3a3a3a;font-size: 14px;width:30%;float: left;padding:30px 2% 45px}
.bookL .t{color: #ffffff;background: #008cab;margin: auto;width: 80%; line-height: 2;font-size: 16px;font-weight: bold;}
.bookL p{margin-top: 20px;}
.bookL p span{font-size: 16px; font-weight: bold}

.bookR{float: right;width: 60%;color: #fff;font-size: 12px;}
.bookR h4{font-size: 20px; }
.bookR .bookt{width:50px;text-align-last:justify; text-align:justify; font-size: 14px; font-weight: bold;float:left;margin-right: 5px;}
.bookR ul li{margin-top: 25px; line-height: 40px;}
.bookR ul li .liL{width: 49%;float: left}
.bookR ul li .liR{width: 49%;float: right}
.bookR ul li .inputs{float: left;background: #a8cad2;border: 0; height: 40px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
.bookR ul li .inputs.yzm{ width: 50%}
.bookR ul li .btn{ color: #008cab;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}
.bookR label.error{position: absolute;right: 0;color: #fff;top:100%;line-height: 1;}
.bookR input.error{background:#fff !important;}
.bookR .sendSms{display: inline-block;background: #fff;color:#008cab;font-weight: bold;padding: 0 10px;margin-left: 10px;}

.foot .container{background: #171717;}

@media screen and (max-width:1000px) {
    body {font-size: 16px;}
    .container {width:100%}

    .title{font-size:20px;padding:30px 0 20px}
    .title span{font-size:26px;}


}


@media screen and (max-width:567px) {
    body {font-size: 14px;}

    .title{padding:30px 0 15px ;font-size: 14px;}
    .title img{width:55px; margin-right:5px;}
    .title span{font-size:18px;}

    .box1,.box2{padding:1% 3%; font-size:16px;}


    .box2{font-size:16px;}
    .box3 p{font-size:16px;padding:20px 3% 50px}

    .box4 ul li{background: none;width: 46%;padding: 10px 0;margin: 10px 1%;box-shadow: 0 0 10px #ccc;background: rgba(255,255,255,0.8);}
    .box4 ul li h3{ font-size:18px;margin:0 0 5px;}

    .box5{background: url("../images/fourimg9.jpg") no-repeat left bottom #fff;padding:5% 0 10%; }
    .box5 ul li{width:45%;margin:50px 1% 0;height:160px; }

    .box5 ul li em{font-size:16px;padding:0 20px;margin:50px 0 15px;}
    .box5 ul li p{font-size:12px;}

    .box6{padding: 0 2%}
    .box6 .title span{ font-size:18px;}


    .book{padding: 5% 0}
    .bookL{width:90%;float: none;margin: auto;padding:10px 2% 15px}
    .bookL .t{font-size: 16px;}
    .bookL p{margin-top:10px;}
    .bookL p span{font-size: 12px; font-weight: bold}

    .bookR{float: none;width:90%;margin:10px auto}
    .bookR h4{font-size: 14px; }
    .bookR .bookt{width:46px;font-size: 12px;}
    .bookR ul li{margin-top:10px; line-height:30px;}
    .bookR ul li .liL{width:100%;float: none;margin-bottom: 10px;}
    .bookR ul li .liR{width:100%;float: none}

    .bookR ul li .inputs{height:30px;}
    .bookR ul li .inputs.yzm{ width:40%}
    .bookR ul li .btn{ height: 30px; font-size: 14px;}



}



